<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> 
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org"> <!--<![endif]-->
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="description" content="Aviato E-Commerce Template">
  
  <meta name="author" content="">

  <title>shopping</title>

  <!-- Mobile Specific Meta-->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  
  <!-- Favicon -->
  <link rel="shortcut icon" type="image/x-icon" th:href="@{/asset/images/favicon.png}" />
  
  <!-- Themefisher Icon font -->
  <link rel="stylesheet" th:href="@{/asset/plugins/themefisher-font/style.css}">
  <!-- bootstrap.min css -->
  <link rel="stylesheet" th:href="@{/asset/plugins/bootstrap/css/bootstrap.min.css}">

  <link rel="stylesheet" type="text/css" th:href="@{/asset/plugins/slick-carousel/slick/slick.css}"/>
  <link rel="stylesheet" type="text/css" th:href="@{/asset/plugins/slick-carousel/slick/slick-theme.css}"/>
  
  <!-- Main Stylesheet -->
  <link rel="stylesheet" th:href="@{/asset/css/style.css}">

</head>

<body id="body">
<!--<div th:replace="commons/userPublic::toppublic"></div>-->
 Start Top Header Bar
<section class="top-header">
	<div class="container">
		<div class="row">
			<div class="col-md-4 col-xs-12 col-sm-4">
				<div class="contact-number">
					<i class=" fa-user-md"></i>
					欢迎您，<span th:text="${session.session_user.username}"></span>
					<a th:href="@{/users/login}"> 退出</a>
				</div>
			</div>
			<div class="col-md-4 col-xs-12 col-sm-4">
				<!-- Site Logo -->
				<div class="logo text-center">
					<a href="index.html">
						<!-- replace logo here -->
						<svg width="135px" height="29px" viewBox="0 0 155 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
						    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" font-size="40" font-family="AustinBold, Austin" font-weight="bold">
						        <g id="Group" transform="translate(-108.000000, -297.000000)" fill="#000000">
						            <text id="AVIATO">
						                <h1>全都要商城</h1>
						            </text>
						        </g>
						    </g>
						</svg>
					</a>
				</div>
			</div>
			<div class="col-md-4 col-xs-12 col-sm-4">
			<!-- Cart -->
			<ul class="top-menu text-right list-inline">
	          <li class="dropdown cart-nav dropdown-slide">
	            <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="tf-ion-android-cart"></i>购物车</a>
	            <div class="dropdown-menu cart-dropdown" >
	            	<!-- Cart Item -->
	            	<div class="media">
	            		<a class="pull-left" href="#">
	            			<img  class="media-object" th:src="@{/asset/images/shop/cart/cart-1.jpg}" alt="image" />
	            		</a>
	            		<div class="media-body">
	            			<h4 class="media-heading"><a href="">Ladies Bag</a></h4>
	            			<div class="cart-price">
                              <span>1 x</span>
                              <span>1250.00</span>
                            </div>
                            <h5><strong>$1200</strong></h5>
	            		</div>
                        <a href="#" class="remove"><i class="tf-ion-close"></i></a>
	            	</div><!-- / Cart Item -->
	            	<!-- Cart Item -->
	            	<div class="media">
	            		<a class="pull-left" href="#">
	            			<img  class="media-object" th:src="@{/asset/images/shop/cart/cart-2.jpg}" alt="image" />
	            		</a>
	            		<div class="media-body">
	            			<h4 class="media-heading"><a href="">Ladies Bag</a></h4>
	            			<div class="cart-price">
                              <span>1 x</span>
                              <span>1250.00</span>
                            </div>
                            <h5><strong>$1200</strong></h5>
	            		</div>
                        <a href="#" class="remove"><i class="tf-ion-close"></i></a>
	            	</div><!-- / Cart Item -->

	            	<div class="cart-summary">
                        <span>Total</span>
                        <span class="total-price">$1799.00</span>
                    </div>
                    <ul class="text-center cart-buttons">
                    	<li><a th:href="@{/shopcar/search}" class="btn btn-small">View Cart</a></li>
                    </ul>
                </div>

	          </li><!-- / Cart -->

	          <!-- Search -->
	          <li class="dropdown search dropdown-slide">
	            <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="tf-ion-ios-search-strong"></i> 查找</a>
	            <ul class="dropdown-menu search-dropdown">
	              <li><form action="post"><input type="search" class="form-control" placeholder="Search..."></form></li>
	            </ul>
	          </li><!-- / Search -->

	          <!-- Languages -->
	          <li class="commonSelect">
				  <a href="javascript:void(0)"  class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="tf-ion-android-cart"></i>个人中心</a>
				  <div class="dropdown-menu cart-dropdown">
					  <!-- Cart Item -->
					  <div class="media">
						  <a class="pull-left" href="/userindes">
							  <img  class="media-object" th:src="@{/asset/images/shop/cart/cart-1.jpg}" alt="image" />
						  </a>
						  <div class="media-body">
							  <h4 class="media-heading"><a href="/userindes">Ladies Bag</a></h4>
							  <div class="cart-price">
								  <span>1 x</span>
								  <span>1250.00</span>
							  </div>
							  <h5><strong>$1200</strong></h5>
						  </div>
						  <a href="#" class="remove"><i class="tf-ion-close"></i></a>
					  </div><!-- / Cart Item -->
				  </div>
	          </li><!-- / Languages -->

	        </ul><!-- / .nav .navbar-nav .navbar-right -->
			</div>
		</div>
	</div>
</section><!-- End Top Header Bar -->


<!-- Main Menu Section -->
<section class="menu">
	<nav class="navbar navigation">
	    <div class="container">
	      <div class="navbar-header">
	      	<h2 class="menu-title">Main Menu</h2>
	        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
	          <span class="sr-only">Toggle navigation</span>
	          <span class="icon-bar"></span>
	          <span class="icon-bar"></span>
	          <span class="icon-bar"></span>
	        </button>
		  </div>
		</div>
	</nav>
</section>


<div class="home-slider">
 	<div>
  		<div class="slider-item dark-bg" style="background-image:url('/asset/images/slider/slider-01.jpg')">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="slide-inner text-left">
							<h1>Minimal  Summer Collection</h1>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae aut illum ratione? <br> Aliquam facilis dolorem dolor illum saepe commodi ratione.</p>
							<a href="" class="btn btn-main">Buy Now</a>
						</div>		
					</div>
				</div>
				
			</div>
		</div>
  	</div>
  	<div>
  		<div class="slider-item white-bg" style="background-image:url('/asset/images/slider/slider-02.jpg')">
			<div class="container">
				<div class="slide-inner text-center">
					<h1>Weeding Business & Casual</h1>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae aut illum ratione? <br> Aliquam facilis dolorem dolor illum saepe commodi ratione.</p>
					<a href="" class="btn btn-main">Buy Now</a>
				</div>
			</div>
		</div>
  	</div>
  	<div>
  		<div class="slider-item dark-bg" style="background-image:url('/asset/images/slider/slider-3.jpg'); background-position:50%;background-repeat:no-repeat;">
			<div class="container">
				<div class="slide-inner text-left">
					<h1>Stylish & Scalable</h1>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae aut illum ratione? <br> Aliquam facilis dolorem dolor illum saepe commodi ratione.</p>
					<a href="" class="btn btn-main">Buy Now</a>
				</div>
			</div>
		</div>
  	</div>
</div>


<section class="product-category section">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="title text-center">
					<h2>Product Category</h2>
				</div>
			</div>
			<div class="col-md-6">
				<div class="category-box">
					<a href="">
						<img th:src="@{/asset/images/shop/category/category-1.jpg}" alt="" />
						<div class="content">
							<h3>Clothes Sales</h3>
							<p>Shop New Season Clothing</p>
						</div>
					</a>	
				</div>
				<div class="category-box">
					<a href="">
						<img th:src="@{/asset/images/shop/category/category-2.jpg}" alt="" />
						<div class="content">
							<h3>Smart Casuals</h3>
							<p>Get Wide Range Selection</p>
						</div>
					</a>	
				</div>
			</div>
			<div class="col-md-6">
				<div class="category-box category-box-2">
					<a href="">
						<img th:src="@{/asset/images/shop/category/category-3.jpg}" alt="" />
						<div class="content">
							<h3>Jewellery</h3>
							<p>Special Design Comes First</p>
						</div>
					</a>	
				</div>
			</div>
		</div>
	</div>
</section>
<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >自助建站</a></div>
<section class="products section bg-gray">
	<div class="container">
		<div class="row">
			<div class="title text-center">
				<h2>Trendy Products</h2>
			</div>
		</div>
		<div class="row">
<!-------------------------------------------------------------------------商品展示区------------------------------------------------------------------------------------------------>
			<div th:each="goods:${goods}" class="col-md-4">
				<div class="product-item">
					<a th:href="@{'/goods/find?id='+${goods.goodsid}}">
					<div class="product-thumb" >
						<img class="img-responsive" th:src="@{/pictures/}+${goods.path}" alt="product-img" />
					</div>
					<div class="product-content">
						<h4><span th:text="${goods.goodsname}"></span></h4>
						<span th:text="${goods.price}"></span>
					</div>
					</a>
				</div>
			</div>
		</div>
	</div>
</section>
<!--
Start Call To Action
==================================== -->
<section class="call-to-action bg-gray section">
	<div class="container">
		<div class="row">
			<div class="col-md-12 text-center">
				<div class="title">
					<h2>SUBSCRIBE TO NEWSLETTER</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, <br> facilis numquam impedit ut sequi. Minus facilis vitae excepturi sit laboriosam.</p>
				</div>
				<div class="col-lg-6 col-md-offset-3">
				    <div class="input-group subscription-form">
				      <input type="text" class="form-control" placeholder="Enter Your Email Address">
				      <span class="input-group-btn">
				        <button class="btn btn-main" type="button">Subscribe Now!</button>
				      </span>
				    </div><!-- /input-group -->
			  </div><!-- /.col-lg-6 -->

			</div>
		</div> 		<!-- End row -->
	</div>   	<!-- End container -->
</section>   <!-- End section -->





<footer class="footer section text-center">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<ul class="social-media">
					<li>
						<a href="">
							<i class="tf-ion-social-facebook"></i>
						</a>
					</li>
					<li>
						<a href="">
							<i class="tf-ion-social-instagram"></i>
						</a>
					</li>
					<li>
						<a href="">
							<i class="tf-ion-social-twitter"></i>
						</a>
					</li>
					<li>
						<a href="">
							<i class="tf-ion-social-pinterest"></i>
						</a>
					</li>
				</ul>
				<ul class="footer-menu">
					<li>
						<a href="">CONTACT</a>
					</li>
					<li>
						<a href="">SHIPPING</a>
					</li>
					<li>
						<a href="">TERMS OF SERVICE</a>
					</li>
					<li>
						<a href="">PRIVACY POLICY</a>
					</li>
				</ul>
				<p class="copyright-text">Powered by Bootstrap / More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
			</div>
		</div>
	</div>
</footer>

<a class="btn btn--success btn--floating box-shadow-wide" target="_blank" href="#products/aviato-e-commerce-template/">
    <span class="btn__text">
        Purchase Full Template Pack
    </span>
</a>


    <!-- 
    Essential Scripts
    =====================================-->
    

    <!-- Main jQuery -->
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <!-- Bootstrap 3.1 -->
    <script th:src="@{/asset/plugins/bootstrap/js/bootstrap.min.js}"></script>
  
    <!-- Slick Carousel -->
    <script th:src="@{/asset/plugins/slick-carousel/slick/slick.min.js}"></script>
   

    <!-- Main Js File -->
    <script th:src="@{/asset/js/script.js}"></script>
    


  </body>
  </html>
